<template>
<div>
    <a class="cellbtn-link">
        <img :src= imgSrc>
        <span>{{title}}</span>
    </a>
</div>
    <!-- <router-link :to=link
  class="cellbtn-link"
  >
        <img :src= imgSrc>
        <span>{{title}}</span>
    </router-link> -->
</template>

<script>
export default {
    data(){
        return{
 
        }
    },
    //接受父组件的传值
    props:['imgSrc','title','link']
  
}
</script>
<style scoped>
div {
    width: 150px;
    display: inline-block;
}
.cellbtn-link{
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    align-items: center;
}
img{
   display: block;
   width: 55%;
   margin-top: 10%;
   order: 1;
   
   
}
span{
    display:block;
    width: 100%;
    height: 30%;
    text-align: center;
    margin-top: 8%;
    color: #6b6363;
    order: 2;
   
}

</style>
